<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    
    <title>我的相册 | Huhailong</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    

    
        <meta property="algolia:search" data-application-id="Z2O8U9ACCM" data-api-key="e2ecf104500495239b45a6d38163c2e8" data-index-name="huhailong">
    

    

    

    
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>😃</text></svg>">
    

    
    <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
    

    

    
<link rel="stylesheet" href="/dist/build.css?v=1630473019367.css">

    <script src="https://use.fontawesome.com/0807d6e1ca.js"></script>
    <script>
        window.isPost = false
        window.aomori = {
            
            gitalk: {
                enable: true,
                clientID: "de841f92787224d0163e",
                clientSecret: "2b8243d84acb67269b200a14fa12ed5d5a33c5b4",
                repo: "blog-message",
                owner: "huhailonggit",
                admin: ["huhailonggit",],
                distractionFreeMode: true  // Facebook-like distraction free mode
            },
            
            
            
        }
        window.aomori_logo_typed_animated = true
        window.aomori_search_algolia = true

    </script>

<meta name="generator" content="Hexo 5.4.0"></head>

<body>

    <div class="container">
    <header class="header">
        <div class="header-type">
            
            <div class="header-type-avatar avatar avatar-sm">
                <img src="/images/avatar.jpg" alt="胡海龙">
            </div>
            
            <div class="header-type-inner">
                
                    <div id="typed-strings" style="display:none">
                        <p>Huhailong</p>
                    </div>
                    <a class="header-type-title" id="typed" href="/"></a>
                
    
                
                    <span class="header-type-page-title">| 我的相册</span>
                
            </div>
        </div>
        <div class="header-menu">
            <div class="header-menu-inner">
                
                <a href="/">Home</a>
                
                <a href="/archives">Archives</a>
                
                <a href="/friends">Links</a>
                
                <a href="/photography">Photography</a>
                
            </div>
            <div class="header-menu-social">
                
    <a class="social" target="_blank" href="https://gitee.com/hlovez">
        <box-icon type='' name='code-alt'></box-icon>
    </a>

    <a class="social" target="_blank" href="https://www.huhailong.vip">
        <box-icon type='' name='home'></box-icon>
    </a>

            </div>
        </div>

        <div class="header-menu-mobile">
            <div class="header-menu-mobile-inner" id="mobile-menu-open">
                <i class="icon icon-menu"></i>
            </div>
        </div>
    </header>

    <div class="header-menu-mobile-menu">
        <div class="header-menu-mobile-menu-bg"></div>
        <div class="header-menu-mobile-menu-wrap">
            <div class="header-menu-mobile-menu-inner">
                <div class="header-menu-mobile-menu-close" id="mobile-menu-close">
                    <i class="icon icon-cross"></i>
                </div>
                <div class="header-menu-mobile-menu-list">
                    
                    <a href="/">Home</a>
                    
                    <a href="/archives">Archives</a>
                    
                    <a href="/friends">Links</a>
                    
                    <a href="/photography">Photography</a>
                    
                </div>
            </div>
        </div>
    </div>

</div>

    <div class="container">
        <div class="main">
            <section class="inner">
                <section class="inner-main">
                    


<div class="photography">
  <div class="columns clearfix">
        <div class="column col-md-12">
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/head.jpg"
        alt="我的头像"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        我的头像 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>北京</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='avatar' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
                 
            
                 
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/zhongqiu.jpg"
        alt="中秋节快乐"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        中秋节快乐 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>北京</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='life' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
                 
            
                 
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/qhd04.jpg"
        alt="秦皇岛团建"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        秦皇岛团建 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>秦皇岛</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='life' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
                 
            
                 
            
        </div>
        <div class="column col-md-12">
            
                 
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/nimingzhe.jpeg"
        alt="我的头像"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        我的头像 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>北京</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='avatar' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
                 
            
                 
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/qhd01.jpg"
        alt="秦皇岛团建"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        秦皇岛团建 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>秦皇岛</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='life' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
                 
            
                 
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/qhd05.jpg"
        alt="秦皇岛团建"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        秦皇岛团建 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>秦皇岛</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='life' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
                 
            
        </div>
        <div class="column col-md-12">
            
                 
            
                 
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/cat2.jpg"
        alt="我的头像"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        我的头像 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>北京</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='avatar' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
                 
            
                 
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/qhd02.jpg"
        alt="秦皇岛团建"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        秦皇岛团建 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>秦皇岛</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='life' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
                 
            
                 
            
                
                    <div class="photography-item">
    <img
        class="lazy"
        src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E"
        data-src="https://www.huhailong.vip/img/photo/qhd06.jpg"
        alt="秦皇岛团建"
    />
    <div class="photography-item-wrapper"></div>

    
    <div class="photography-item-title">
        秦皇岛团建 
    </div>
    

    
    <div class="photography-item-place">
        <box-icon color="#fff" size='xs' name='map' type='solid' ></box-icon>
        <span>秦皇岛</span>
    </div>
    

    
    <div class="photography-item-icon">
        <a target="_blank" href="https://www.huhailong.vip"> 
            <box-icon size="xs" type='life' name='unsplash'></box-icon>
        </a> 
    </div>
    
</div>
                 
            
        </div>
</div>

<style>
.main .inner {
    padding: 0;
}
</style>
</div>


                </section>
            </section>

            
        </div>
    </div>

    <footer class="footer">
    <div class="footer-wave">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#3c4859" fill-opacity="1" d="M0,160L60,181.3C120,203,240,245,360,240C480,235,600,181,720,186.7C840,192,960,256,1080,261.3C1200,267,1320,213,1380,186.7L1440,160L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>
    </div>

    <div class="footer-wrap">
        <div class="footer-inner"> 
            Huhailong &copy; 2021<br>
            Powered By Hexo · Theme By <a href="https://github.com/lh1me/hexo-theme-aomori" target="_blank">Aomori </a>
            
            🧡 <span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span><span id="busuanzi_container_site_uv">本站访客数<span id="busuanzi_value_site_uv"></span>人次</span>
            
        </div>
    </div>

</footer>


<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>





<script src="/dist/build.js?1630473019367.js"></script>


<script src="/dist/custom.js?1630473019367.js"></script>



<!-- 百度链接提交 -->
<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>




    <script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>


<!-- Baidu Analytics-->
<script type="text/javascript">
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?c15cbbf786572a8cb10802fa47753bb5";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>



</body>

</html>